<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>无标题文档</title>
    <link href="/static/css/default.css" rel="stylesheet" type="text/css">
    <link href="/static/css/style/green.css" rel="stylesheet" type="text/css" id='link'>
    <link rel="stylesheet" href="/static/kindeditor/themes/default/default.css" />
    <script charset="utf-8" src="/static/kindeditor/kindeditor-min.js"></script>
    <script charset="utf-8" src="/static/kindeditor/lang/zh-CN.js"></script>
    <link rel="stylesheet" href="/static/FileUpload/css/jquery.fileupload.css" />
</head>

<body style="overflow:hidden; padding:10px;">
    <form>
        <table class="formtable" style="width:660px;">

            <tbody>

                <tr>
                    <td class="tlabel">标题</td>
                    <td>
                        <input type="text" class="forminput inputstyle1" id="title" value="{$info.title}">(建议输入不超过超过5个字)
                    </td>
                </tr>
                <tr>
                    <td class="tlabel">简介</td>
                    <td>
                        <input type="text" class="forminput inputstyle1" id="desc" value="{$info.desc}">
                    </td>
                </tr>
                <tr>
                    <td class="tlabel">图片</td>
                    <td>
                        <div class="col-sm-10">
                            <span class="btn btn-success fileinput-button">
                                <i class="glyphicon glyphicon-plus"></i>
                                <span>上传文件</span>

                                <input id="fileupload" type="file" name="imgFile" multiple>

                            </span>
                            (宽度650,高度不限制)
                            <div id="showpic">


                                {if condition="$info['imgurl']!=''"}

                                <img width="50px" src="/static/uploads/{$info['imgurl']}" />
                                {else /}

                                {/if}
                            </div>

                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="tlabel">作者</td>
                    <td>
                        <input type="text" class="forminput inputstyle1" id="author" value="{$info.author}">
                    </td>
                </tr>

                <tr>
                    <td class="tlabel">内容</td>
                    <td>
                        <textarea name="content" id="content" style="width:350px;height:200px;visibility:hidden;">{$info.content}</textarea>
                    </td>
                </tr>





            </tbody>

        </table>

        <div class="formbtn">
            <input type="button" value="保存" class="btnsave">
            <input type="button" value="取消" class="btncancel">
        </div>
        <input type="hidden" id="id" value="{$info.id}" />
        <input type="hidden" id="imgurl" value="{$info.imgurl}" />
    </form>


</body>
<script type="text/javascript" src="/static/js/jquery.js"></script>
<script type="text/javascript" src="/static/js/common.js"></script>
<script type="text/javascript" src="/static/js/vue2.js"></script>
<script src="/static/js/layer/layer.js"></script>
<script src="/static/My97DatePicker/WdatePicker.js"></script>
<script src="/static/FileUpload/js/vendor/jquery.ui.widget.js"></script>
<script src="/static/FileUpload/js/jquery.iframe-transport.js"></script>
<script src="/static/FileUpload/js/jquery.fileupload.js"></script>
<script>

    var editor;
    $(function () {


        KindEditor.ready(function (K) {
            editor = K.create('textarea[name="content"]', {
                resizeType: 1,
                width:"100%",
                allowPreviewEmoticons: false,
                allowImageUpload: false,
                items: [
                    'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',
                    'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
                    'insertunorderedlist', '|', 'emoticons', 'image', 'link']
            });

            $('#fileupload').fileupload({
                autoUpload: true,//是否自动上传
                url: "/index/Home/upload",
                dataType: 'json',
                done: function (e, data) {

                    console.log(data.result);
                    if (data.result == "") {
                        layer.msg("上传出错了!");
                    } else {

                        $("#showpic").html("<img width='50px' src='/static/uploads/" + data.result + "' />");
                        $("#imgurl").val(data.result);


                    }
                },
                progressall: function (e, data) {
                    var progress = parseInt(data.loaded / data.total * 100, 10);
                    $('#progress .progress-bar').css(
                        'width',
                        progress + '%'
                    );
                }
            }).prop('disabled', !$.support.fileInput)
                .parent().addClass($.support.fileInput ? undefined : 'disabled');
        });




        $(".btnsave").click(function () {

            editor.sync();
            var id = $("#id").val();
            var title = $("#title").val();
            var desc = $("#desc").val();
            var content = $("#content").val();
            var author = $("#author").val();
            var imgurl = $("#imgurl").val();

            if(title==""){
                layer.msg("请输入标题");
                return;
            } 


            $.post("/Index/daily/Newsadd", { "id": id, "title": title, "content": content, "desc": desc, "author": author, "imgurl": imgurl }, function (data) {
                if (data.status == 200) {
                    var index = parent.layer.getFrameIndex(window.name);
                    window.parent.iframe.contentWindow.location.reload(true);
                    console.log(window.parent.iframe);
                    parent.layer.close(index);
                } else {
                    layer.msg(data.msg);
                }
            });
        });
        $(".btncancel").click(function () {
            var index = parent.layer.getFrameIndex(window.name);
            parent.layer.close(index);
        });
    });


</script>

</html>